<!DOCTYPE html>
<!--[if IE 8]>
<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->

<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit"/>
    <title>{{controller.meta_title}}| {{config.setup.WEB_SITE_TITLE}}</title>
    <meta name="keywords" content="{{controller.keywords}}"/>
    <meta name="description" content="{{controller.description}}"/>
    <meta name="Author" content="Arterli [www.cmswing.com]"/>
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
    <!-- mobile settings -->
    <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0"/>
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>

    <!-- WEB FONTS : use %7C instead of | (pipe) -->
    <!--<link href="http://fonts.useso.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" />-->

    <!-- CORE CSS -->
    <link href="/static/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <!-- REVOLUTION SLIDER -->
    <link href="/static/assets/plugins/slider.revolution/css/extralayers.min.css" rel="stylesheet" type="text/css"/>
    <link href="/static/assets/plugins/slider.revolution/css/settings.min.css" rel="stylesheet" type="text/css"/>
    <!-- THEME CSS -->
    <link href="/static/assets/css/essentials.min.css" rel="stylesheet" type="text/css"/>
    <link href="/static/assets/css/layout.min.css" rel="stylesheet" type="text/css"/>

    <!-- PAGE LEVEL SCRIPTS -->
    <link href="/static/assets/css/header-1.min.css" rel="stylesheet" type="text/css"/>
    <link href="/static/assets/css/color_scheme/blue.min.css" rel="stylesheet" type="text/css" id="color_scheme"/>

    <link href="/static/assets/css/huanjia/home.css" rel="stylesheet" type="text/css"/>
    {% block style %}{% endblock %}
    <!--页面头部css钩子加载-->
    {% if pagehook%}
    {%for field in pagehook.fields%}
    {%if pagehook.editor == '1'%}
    {{HOOKS@pageHeader@1[field.name]|safe}}
    {%elif pagehook.editor == '2_1'%}
    {{HOOKS@pageHeader@2_1[field.name]|safe}}
    {%elif pagehook.editor == '2_2'%}
    {{HOOKS@pageHeader@2_2[field.name]|safe}}
    {%elif pagehook.editor == '3'%}
    {{HOOKS@pageHeader@3[field.name]|safe}}
    {%else%}
    {{HOOKS@pageHeader[field.name]|safe}}
    {%endif%}
    {%endfor%}
    {%endif%}
    <!--/页面头部css钩子加载结束-->
    {% macro content(pagehook) %}
    <!--内容钩子加载-->
    {% if pagehook%}
    {%for field in pagehook.fields%}
    {%if pagehook.editor == '1'%}
    {{HOOKS@pageContent@1[field.name]|safe}}
    {%elif pagehook.editor == '2_1'%}
    {{HOOKS@pageContent@2_1[field.name]|safe}}
    {%elif pagehook.editor == '2_2'%}
    {{HOOKS@pageContent@2_2[field.name]|safe}}
    {%elif pagehook.editor == '3'%}
    {{HOOKS@pageContent@3[field.name]|safe}}
    {%else%}
    {{HOOKS@pageContent[field.name]|safe}}
    {%endif%}
    {%endfor%}
    {%endif%}
    <!--/内容钩子加载结束-->
    {% endmacro %}
    {%if config.setup.WEB_TONGJI%}
    <!--统计代码-->
    {{config.setup.WEB_TONGJI|safe}}
    <!--统计-->
    {%endif%}
</head>

<!--
		AVAILABLE BODY CLASSES:

		smoothscroll 			= create a browser smooth scroll
		enable-animation		= enable WOW animations

		bg-grey					= grey background
		grain-grey				= grey grain background
		grain-blue				= blue grain background
		grain-green				= green grain background
		grain-blue				= blue grain background
		grain-orange			= orange grain background
		grain-yellow			= yellow grain background

		boxed 					= boxed layout
		pattern1 ... patern11	= pattern background
		menu-vertical-hide		= hidden, open on click

		BACKGROUND IMAGE [together with .boxed class]
		data-background="assets/images/boxed_background/1.jpg"
	-->

<body class="smoothscroll enable-animation bg-grey">

<!-- SLIDE TOP -->
{% include "./inc_slidetop.html" %}
<!-- /SLIDE TOP -->


<!-- wrapper -->
<div id="wrapper">

    <!-- Top Bar -->
    {% include "./inc_topbar.html" %}
    <!-- /Top Bar -->

    <!--HEADER-->
    {% include "./inc_header.html" %}
    <!--/HEADER-->
    <!-- REVOLUTION SLIDER -->
    {% block content %}{% endblock %}
    <!-- FOOTER -->
    <footer id="footer" class="footer-light footer-white">
        <div class="container">
            <table class="service-box2 row">
                <tr>
                <td valign="top" class="col-md-2 border-r">
                    <h6>平台规则</h6>
                    <a href="#">平台交易总则</a>
                    <a href="#">隐私政策</a>
                    <a href="#">用户管理细则</a>
                </td>
                <td valign="top" class="col-md-2 border-r">
                    <h6>客户指南</h6>
                    <a href="#">下订单</a>
                    <a href="#">如何付款</a>
                    <a href="#">如何提货</a>
                </td>
                <td valign="top" class="col-md-2 border-r">
                    <h6>供应商指南</h6>
                    <a href="#">查订单</a>
                    <a href="#">商家收货</a>
                    <a href="#">商家付款</a>
                </td>
                <td valign="top" class="col-md-2 border-r">
                    <h6>常见问题</h6>
                    <a href="#">如何申请会员认证</a>
                    <a href="#">如何更改账号信息</a>
                    <a href="#">如何查看账目信息</a>
                </td>
                <td valign="top" class="col-md-2 ewm-l border-r">
                    <b>客服电话</b>
                    <span>13194283536</span>
                    <div class="service-time">工作日 8:00-17:00</div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2795352578&amp;site=qq&amp;menu=yes">立即咨询</a>
                </td>
                <td valign="top" class="col-md-2 ewm-l border-r">
                    <b>客服电话</b>
                    <span>13194281915</span>
                    <div class="service-time">工作日 8:00-17:00</div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3118358338&amp;site=qq&amp;menu=yes">立即咨询</a>
                </td>
                <td valign="top" class="col-md-2">
                    <div class="ewm-r">
                        <span><img src="/static/assets/images/ewm.jpg" width="98" height="98"></span>
                        <p>官方微信</p>
                    </div>
                </td>
                </tr>
            </table>
        </div>
        <div style="width: 100%;background-color: rgb(0,130,230);padding: 10px 0;">
            <div class="container text-center">
                <ul class="nav nav-pills">
                    <li><a href="http://www.ceec.net.cn/col/col11125/" target="_blank">中国能建网站群</a></li>
                    <li><a href="http://www.cggc.ceec.net.cn/" target="_blank">中国葛洲坝集团有限公司</a></li>
                    <li><a href="http://www.gzbhjgs.com/" target="_blank">葛洲坝环嘉（大连）再生资源有限公司</a></li>
                </ul>
            </div>
        </div>
        <div class="copyright" style="background-color: #fff;text-align: center;padding: 30px 0">
            <div class="container">
                <div class="margin-bottom-10">
                    &copy; 2018 -
                    <script>document.write(new Date().getFullYear())</script>
                    葛洲坝环嘉（大连）再生资源有限公司 版权所有 <!--{{config.setup.WEB_SITE_TITLE}}--> <a href="http://www.miitbeian.gov.cn/" target="_blank">{{config.setup.WEB_SITE_ICP}}</a>
                </div>
                <ul class="list-inline mobile-block">
                    <li><a href="/disclaimer.html">免责声明</a></li>
                    <li>&bull;</li>
                    <li><a href="/licence.html">授权协议</a></li>
                </ul>
            </div>
        </div>
    </footer>
    <!-- /FOOTER -->

</div>
<!-- /wrapper -->

<!--
        SIDE PANEL

            sidepanel-dark 			= dark color
            sidepanel-light			= light color (white)
            sidepanel-theme-color		= theme color

            sidepanel-inverse		= By default, sidepanel is placed on right (left for RTL)
                            If you add "sidepanel-inverse", will be placed on left side (right on RTL).
    -->
<div id="sidepanel" class="sidepanel-light">
    <a id="sidepanel_close" href="#">
        <!-- close -->
        <i class="glyphicon glyphicon-remove"></i>
    </a>

    <div class="sidepanel-content">
        <h2 class="sidepanel-title">网站导航</h2>

        <!-- SIDE NAV -->
        <ul class="list-group">

            {% channel data='channel', num='4'%} {% for val in channel%}
            <li class="list-group-item {% if val.children %}list-toggle{% endif %} {% if http.url == val.url %}active{% endif %} ">

                <a {% if val.children%}data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-{{val.id}}"
                   class="collapsed" {% else %} href="{{val.url}}" {% endif %}>
                    {% if val.children%}<i class="ico-dd icon-angle-down"><!-- Drop Down Indicator --></i>{% endif %}
                    <i class="ico-category et-heart"></i> {{val.title}}</a>

                {% if val.children%}
                <ul id="collapse-{{val.id}}" class="list-unstyled collapse">
                    {% for _val in val.children%}
                    <li class="{% if _val.children%}{% endif %}">
                        <a {% if _val.children%}class="" {% endif %} href="{{_val.url}}"><i
                                class="fa fa-angle-right"> </i>{{_val.title}}</a> {% if _val.children%}
                        <ul class="list-unstyled">
                            {% for __val in _val.children%}
                            <span class="badge hide">New</span>
                            <a href="{{__val.url}}">
                                <li><i class="fa fa-angle-right"> </i> {{__val.title}}
                            </a></li>
                            {% endfor %}
                        </ul>
                        {% endif %}
                    </li>
                    {% endfor %}
                </ul>
                {% endif %}
            </li>
            {% endfor%}
            {% if controller.user.roleid == 9 %} <!--客户-->
            <li class="">
                <a href="/centershop{% if controller.user.mar_class %}?class={{controller.user.mar_class}}{% endif %}"><i class="fa fa-angle-right"> </i>网上商城</a>
            </li>
            <li class="list-group-item list-toggle  ">
                <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-kh" class="collapsed">
                    <i class="ico-dd icon-angle-down"><!-- Drop Down Indicator --></i>
                    <i class="ico-category et-heart"></i> 账目信息</a>
                <ul id="collapse-kh" class="list-unstyled collapse">
                    <li class="">
                        <a href="/center/reconciliation/contract">销售合同</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/company"><i class="fa fa-angle-right"> </i>公司余额</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/order"><i class="fa fa-angle-right"> </i>订单明细</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/settlement"><i class="fa fa-angle-right"> </i>发货明细</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/payment"><i class="fa fa-angle-right"> </i>收款明细</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/invoice"><i class="fa fa-angle-right"> </i>发票明细</a>
                    </li>
                    <!--<li class="">
                        <a href="/center/reconciliation/back"><i class="fa fa-angle-right"> </i>回款明细</a>
                    </li>-->
                </ul>
            </li>

            {% elif controller.user.roleid == 10 %} <!--供应商-->
            <li class="list-group-item list-toggle  ">
                <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-gys" class="collapsed">
                    <i class="ico-dd icon-angle-down"><!-- Drop Down Indicator --></i>
                    <i class="ico-category et-heart"></i> 账目信息</a>
                <ul id="collapse-gys" class="list-unstyled collapse">
                    <!--<li class="">
                        <a href="/center/index"><i class="fa fa-angle-right"> </i>供应商主页</a>
                    </li>-->
                    <li class="">
                        <a href="/center/reconciliation/company"><i class="fa fa-angle-right"> </i>公司余额</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/settlement"><i class="fa fa-angle-right"> </i>收货明细</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/payment"><i class="fa fa-angle-right"> </i>付款明细</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/billing"><i class="fa fa-angle-right"> </i>发票明细</a>
                    </li>
                    <!--<li class="">
                        <a href="/center/reconciliation/payment"><i class="fa fa-angle-right"> </i>付款明细</a>
                    </li>-->
                </ul>
            </li>
            {% endif %}

        </ul>
        <!-- /SIDE NAV -->

    </div>

</div>
<!-- /SIDE PANEL -->


<!-- SCROLL TO TOP -->
<a href="#" id="toTop"></a>

{#
<!-- PRELOADER -->
<div id="preloader">
    <div class="inner">
        <span class="loader"></span>
    </div>
</div>
<!-- /PRELOADER -->
#}

<!-- JAVASCRIPT FILES -->

<script type="text/javascript" src="/static/assets/plugins/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
  var plugin_path = '/static/assets/plugins/';
  $(function () {
    if ($("#topMain.nav-pills>li.active>a")) {
      var w = $("#topMain.nav-pills>li.active>a").width();
      $("#topMain.nav-pills>li.active>.aline").width(w);
    }

  })
</script>
<script type="text/javascript" src="/static/assets/js/scripts.js"></script>
{#
<!-- STYLESWITCHER - REMOVE -->
<script async type="text/javascript" src="/static/assets/plugins/styleswitcher/styleswitcher.js"></script>
#}
<!-- REVOLUTION SLIDER -->
<script type="text/javascript"
        src="/static/assets/plugins/slider.revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript"
        src="/static/assets/plugins/slider.revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="/static/assets/js/view/demo.revolution_slider.min.js"></script>
{% block script %}{% endblock %}
<!--页面footer钩子，一般用于加载插件JS文件和JS代码-->
{% if pagehook%}
{%for field in pagehook.fields%}
{%if pagehook.editor == '1'%}
{{HOOKS@pageFooter@1[field.name]|safe}}
{%elif pagehook.editor == '2_1'%}
{{HOOKS@pageFooter@2_1[field.name]|safe}}
{%elif pagehook.editor == '2_2'%}
{{HOOKS@pageFooter@2_2[field.name]|safe}}
{%elif pagehook.editor == '3'%}
{{HOOKS@pageFooter@3[field.name]|safe}}
{%else%}
{{HOOKS@pageFooter[field.name]|safe}}
{%endif%}
{%endfor%}
{%endif%}
<!--/页面footer钩子，一般用于加载插件JS文件和JS代码-->
<!--[if lte IE 9]>
<script src="/static/assets/plugins/jquery-fly/requestAnimationFrame.min.js"></script>
<![endif]-->
</body>

</html>
